#base {
  border: 1px solid #000;
  margin: 2em;
  width: 10em;
  padding: 5px;
}

body {
  font-size: .75em;
  font-family:Tahoma,Verdana,Arial,Sans-serif;
  position: relative;
  margin: 0; /*reqired by IE*/
  padding: 0; /*reqired by IE*/
  height:100%; /*reqired by IE*/

}

div {
  border: 0px solid #eee;
}

/* Structure
----------------------------------------------- */
#header {
  padding: 8px;
}

#leftcol {
  float: left;
  width: 150px;
  margin-left: 10px;
  margin-top: 0px;
  color: #000;
  padding: 3px;
  }

#rightcol {
  position: absolute;
  left: 80%;
  top: 85px;
  padding-left: 10px;
  z-index: 3;
  color: #000;
  padding: 3px;
  }

#leftcol p, #leftcol li, #rightcol p, #rightcol li {
  font-size: 11px;
}
#leftcol label, #rightcol label {
  font-size: 17px;
  font-weight: bold;
}

#content {
  margin: 0px 25% 0 165px;
  padding: 3px;
  color: #000;
}

#footer {
  clear: both;
  width: 95%;
  margin: 10px;
  text-align: center;
  font-family: Verdana;
  font-size: 11px;
  padding: 3px;
  border-top: 1px solid #333;
  color: #000;
  }

#footer .date {
  float: left;
  text-align: left;
}

#footer .contact {
  float: right;
  text-align: right;
}

/* Navigation
----------------------------------------------- */
div.menu { /* menus like projectlist, contextlist, history  */
  width: 10em;
  border-right: 1px solid #000;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  font-family: 'Trebuchet MS', 'Lucida Grande',
    Verdana, Lucida, Geneva, Helvetica,
    Arial, sans-serif;
  background-color: #90bade;
  color: #333;
}
div.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

div.menu li {
  border-bottom: 1px solid #90bade;
  margin: 0;
}

div.menu li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 10px solid #1958b7;
  border-right: 10px solid #508fc4;
  background-color: #2175bc;
  color: #fff;
  width: auto;
  text-decoration: none;
}

div.menu li a:hover {
  border-left: 10px solid #1c64d1;
  border-right: 10px solid #5ba3e0;
  background-color: #2586d7;
  color: #fff;
}

/* data layout
----------------------------------------------- */

p, a {
  font-family: Verdana;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia;
  margin-top: 0px;
  }

ul {
  list-style: none;
  margin-left: 0;
  padding-left: 11px;
}
#custom-gen ul li:before {
  content: "\00BB \0020";
}

hidden {
  color: rgb(119, 0, 51);
}


#Tablestuff
table {
  margin: auto;
  width=:100%;
  border: 0px solid #eee;
  background-color: #FFF;
  text-align: left;
}
th {
  background-color: #e9e9da;
}

.largeHeaders {
    background:
      #e9e9da
      url('/static/images/table/green_arrows.gif')
      no-repeat
      center left;
    color: #333;
    padding: 5px;
    padding-left: 25px;
    text-align: left;
    cursor: pointer;
}

tr.alt td {
  background: #ecf6fc;
}

tr.over td {
  background: #bcd4ec;
}

.sortUp {
  background:
    #e9e900
    url('/static/images/table/green_decending.gif')
    no-repeat
    center left;
}

.sortDown {
  background:
    #e9e900

    url('/static/images/table/green_acending.gif')
    no-repeat
    center left;
}
#sorting {
  position: absolute;
  width: 100%;
  height: 100%;
  left:0px;
  top:0px;
  text-align: center;
  display: none;
  margin:0px;
  padding:0px;
}
#sorting div {
  border: 1px solid #000;
  padding:10px;
  margin: auto;
  text-align: center;
  width: 300px;
  top:200px;
  position: relative;
  background-color: #FFF;
  color: #333;
  font-weight: bold;
}

/* Forms
----------------------------------------------- */
fieldset {
  border: 1px solid #781351;
}
legend {
  color: #fff;
  background: #ffa20c;
  border: 1px solid #781351;
  padding: 2px 6px
}
label {
 cursor: pointer;
}

input[type=submit] {
  background-color: #fee3ad;
}

input[type=text] {
  width: 100%;
  color: #781351;
  background: #fee3ad;
  border: 1px solid #781351
}



textarea {
  width: 99%; /* using 100 adds a big gap of space on top of page in IE6*/
  height: 300px;
  background: #fee3ad;
}

/* Misc
----------------------------------------------- */

img {
  border: 0px;
}

#about {
 position: absolute;
 top: 0px;
 left: 0px;
 background-image:url(/static/images/overlay.gif);
 width: 100%;
 height: 100%;
 z-index: 1000;
 text-align: center;
}

#about div {
  width:300px;
  margin: 100px auto;
  background-color: #fff;
  border:1px solid #000;
  padding:15px;
  text-align:center;
}

div.confirm {
 margin-top: -.4em;
 position: absolute;
 left: 50%;
 border: 1px solid #000;
 background-color: #fff;
 padding: 10px;
 width: 150px;
}


